<style lang="scss" scoped>
  @import '../../styles/common/loading.less';
  .container{
    border: none !important;
    margin-top: 4px;
  }
  .el-col-offset-1 {
    margin-left: 0%;
  }
  .button_a {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);

  }
  .col_a {
    margin-left: 2%;
  }
  .el-card {
    height: 200px;
  }

  .el-button--primary {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);
  }
</style>
<template>
    <!-- 发起调查详情页面 -->
    <div>
      <div style="width:98%;height:100%;margin: 6px 12px;">
        <el-collapse v-model="activeNames" @change="handleChange"  >
          <el-collapse-item title="调查信息"  name="1">
            <!-- 基本信息 -->
            <template>
              <el-form :model="form" ref="form" class="info-submit-form">
                <!--第三行-->
                <el-row type="flex">
                  <el-col :span="8" >
                    <el-form-item label="大病赔案号" >
                      <el-input  v-model="form.caseNo"  disabled></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="8" >
                    <el-form-item label="保单号" >
                      <el-input  v-model="form.policyNo" disabled></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="8" >
                    <el-form-item label="被保险人" >
                      <el-input  v-model="form.insuredName" disabled></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row type="flex">
                  <el-col :span="8" >
                    <el-form-item label="社/医保号" >
                      <el-input  v-model="form.medicalInsuranceNo" disabled></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="8" >
                    <el-form-item label="证件号" >
                      <el-input  v-model="form.documentNo" disabled></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="8" >
                    <el-form-item label="调查原因" :rules="[{ required: true, message: '调查原因不能为空', trigger: 'change' },]" prop="surveyReason">
                      <el-select  placeholder="请选择" v-model="form.surveyReason">
                        <el-option
                          v-for="item in SurveyType"
                          :key="item.codeCode"
                          :label="item.codeCName"
                          :value="item.codeCode">
                        </el-option>
                      </el-select>
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-row type="flex">
                  <el-col :span="24">
                    <el-form-item label="调查详情">
                      <el-input type="textarea" v-model="form.surveyDescribe"></el-input>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </template>
          </el-collapse-item>
        </el-collapse>
      </div>
      <div>
        <template>
          <div slot="footer" class="dialog-footer" style="height: 50px;margin: 50px auto;text-align: center">
            <el-button type="primary" @click="save('form')">确 定</el-button>
            <el-button type="primary" @click="researchStart">关 闭</el-button>
          </div>
        </template>
      </div>
      <el-dialog
        :visible.sync="Successdialog"
        :show-close="false"
        :close-on-click-modal="true"
        :close-on-press-escape="false"
        width="20%"
        center>
        <div style="margin-top: -35px;">
          <div>| 调查任务申请</div>
          <hr style="width: 80%;margin-left: 1px">
        </div>
        <div v-if="this.item1===0" style="text-align: center;margin-top: 20px">
          <img src="../../assets/images/pass.png" width="60">
          <div style="margin-top: 10px">{{this.message}}</div>
          <!--        <div style="margin-top: 10px">大病赔案号：{{formInline.caseNo}}</div>-->
        </div>
        <div v-if="this.item1===1" style="text-align: center;margin-top: 20px">
          <img src="../../assets/images/notPass.png" width="60">
          <div style="margin-top: 10px">提交失败</div>
          <!--        <div style="margin-top: 10px">大病赔案号：{{formInline.caseNo}}</div>-->
        </div>
        <div style="margin-top: 15px;text-align: center"><span style="font-size: x-large">{{time}}</span>秒后跳转到上一个页面</div>
        <div slot="footer" class="dialog-footer">
          <el-button @click="researchCheckSearch" type="text" :disabled="isDisabled">关闭</el-button>
        </div>
      </el-dialog>
    </div>
</template>

<script>
  import * as api from '@/api/baseDate'
  export default {
    name: 'sponsorSurvey',
    inject:['reload'],
    data() {
      return {
        SurveyType:[
          {
            codeCode:"1",
            codeCName:"频繁报销",
          },
          {
            codeCode:"2",
            codeCName:"异地就医",
          },
          {
            codeCode:"9",
            codeCName:"其它",
          }
        ],
        Successdialog:false,
        dialogFormVisible:false,
        activeNames: ['1','2'],
        //控制显示隐藏
        isBase:false,
        isSurvey:false,
        activeName: 'first',
        form: {
        },
        formInline: {
          policy: '20143301000000008',
          startDate: '2019-01-01',
          endDate: '2022-01-01',
          insurePlan: '徐州医保局',
        },
        researchHistory:[],
        time:0,
        item1:0,
        message:'',
      };
    },
    created() {

      this.form=JSON.parse(this.$route.query.sponsorSurvey)
      console.log("123"+this.form)
      this.SurveyType1();
    },
    methods: {
      // 原因
      SurveyType1(){
        var data={
          "codeType": "SurveyType"
        }
        api1.MedType(data
        ).then(res => {
          // debugger
          this.SurveyType=res.data
        })
      },
      save(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            var data={
              "id":this.form.id,
              "taskType":this.form.taskType,
              "caseNo":this.form.caseNo,
              "flowId":this.form.flowId,
              "surveyReason":this.form.surveyReason,
              "surveyDescribe":this.form.surveyDescribe,
            }
            api.getSaveCaseSurvey(data
            ).then(res => {
              this.message=res.data.resultMsg;
              this.Successdialog=true
              // 把time改为5
              this.time = 5;
              // 设定一个定时器，每一秒调用一次coundDown方法，time-1
              setInterval(this.countDown, 1000);
            }).catch((function () {
                /*let THIS = this;*/
                this.item=1,
                  this.Successdialog=true
                // 把time改为5
                this.time = 5;
                // 设定一个定时器，每一秒调用一次coundDown方法，time-1
                setInterval(this.countDown, 1000);
              }),
            )
          } else {
            console.log('error submit!!');
            return false;
          }
        });

      },
      researchStart(){
        // this.$router.go(-1)
        // this.$router.push({name: 'researchStart'})
        this.closePageTo(this.$store,this.$route,this.$router,'researchStart');
      },
      isBaseInfo(){
        this.isBase=!this.isBase;
      },
      surveyHistory(){
        this.isSurvey=!this.isSurvey;
      },
      // 分页导航
      handlePageChange(val) {
        this.$set(this.query, 'pageIndex', val);
        this.getData();
      },
      onSubmit() {
        console.log('submit!');
      },
      researchCheckSearch(){
        // this.Successdialog=false
        // this.$router.push({name:'researchStart'});
        this.closePageTo(this.$store,this.$route,this.$router,'researchStart');
        this.reload()
      },
//   封装一个方法
      countDown() {
        this.time--;
      },
    },
    watch: {
      //   监听time的值
      time: function (newVal) {
        if (newVal == 0) {
          this.closePageTo(this.$store,this.$route,this.$router,'researchStart');
          this.reload()
        }
      },
    },
  };
</script>